.container {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(120deg, #f5f6fa 60%, #fff 100%);
}

.uploadArea {
  text-align: center;
  padding: 32px 18px 24px 18px;
  border: 1.5px dashed #b3b8c3;
  border-radius: 12px;
  background: linear-gradient(135deg, #fafdff 80%, #f0f3fa 100%);
  margin-bottom: 18px;
  transition: box-shadow 0.2s;
  box-shadow: 0 2px 8px #e6eaf1;
}

.uploadArea:hover {
  border-color: #1890ff;
  box-shadow: 0 4px 16px #d6e4ff;
}

.uploadIcon {
  font-size: 44px;
  color: #1890ff;
  margin-bottom: 6px;
}

.uploadTip {
  margin-top: 10px;
  font-size: 17px;
  color: #222;
  font-weight: 500;
}

.networkStatus {
  margin-top: 10px;
  color: #888;
  font-size: 14px;
  line-height: 1.7;
}

.fileInfo {
  margin-bottom: 10px;
  color: #444;
  font-size: 15px;
  font-weight: 500;
}

.fileSize {
  margin-left: 12px;
  font-size: 13px;
  color: #888;
}

.successTip {
  color: #52c41a;
  font-weight: 600;
  text-align: center;
  margin-bottom: 8px;
  font-size: 16px;
}

.buttonGroup {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.pauseBtn,
.resumeBtn,
.cancelBtn {
  flex: 1;
  font-size: 15px;
  border-radius: 6px;
}

.pauseBtn {
  background-color: #faad14;
  border-color: #faad14;
}

.pauseBtn:hover {
  background-color: #ffc53d;
  border-color: #ffc53d;
}

.resumeBtn {
  background-color: #52c41a;
  border-color: #52c41a;
}

.resumeBtn:hover {
  background-color: #73d13d;
  border-color: #73d13d;
}

:global(.ant-progress-inner) {
  background: #f0f3fa !important;
  border-radius: 8px !important;
}

:global(.ant-progress-bg) {
  height: 14px !important;
  border-radius: 8px !important;
} 